<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>全球军火批发商城</title>

	<link rel="shortcut icon" href="favicon.ico">
	<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet"/>
	<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
	<link href="https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.min.css" rel="stylesheet"/>
	<style>
		/* 全局样式 */
        body {
            font-family: 'Orbitron', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
            background-color: #121212;
            color: #e0e0e0;
            overflow-x: hidden;
            background-image: url('https://images.unsplash.com/photo-1599748473166-07b1148b792a?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80');
            background-size: cover;
            background-attachment: fixed;
            background-position: center;
        }

        body::before {
            content: '';
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            z-index: -1;
        }

        /* 顶部导航栏 */
        .top-navbar {
            background: linear-gradient(135deg, #0a0a0a, #2a2a2a, #4a4a4a);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
            border: none;
            margin-bottom: 0;
            transition: all 0.5s;
            padding: 10px 0;
        }

        .top-navbar.scrolled {
            background: rgba(10, 10, 10, 0.95);
            padding: 5px 0;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.7);
        }

        .top-navbar .navbar-brand {
            color: #ffcc00;
            font-weight: bold;
            font-size: 26px;
            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
            transition: all 0.3s;
            letter-spacing: 1px;
            font-family: 'Orbitron', sans-serif;
        }

        .top-navbar .nav > li > a {
            color: rgba(255, 255, 255, 0.8);
            font-weight: 500;
            transition: all 0.3s;
            position: relative;
            padding: 15px 20px;
        }

        .top-navbar .nav > li > a:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 0;
            height: 2px;
            background: #ffcc00;
            transition: all 0.3s;
            transform: translateX(-50%);
        }

        .top-navbar .nav > li > a:hover:after,
        .top-navbar .nav > li > a:focus:after {
            width: 80%;
        }

        .top-navbar .nav > li > a:hover,
        .top-navbar .nav > li > a:focus {
            color: #ffcc00;
            transform: translateY(-2px);
        }

        .top-navbar .navbar-nav > li > .dropdown-menu {
            background: rgba(20, 20, 20, 0.95);
            border: none;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        }

        .top-navbar .dropdown-menu > li > a {
            color: rgba(255, 255, 255, 0.8);
        }

        .top-navbar .dropdown-menu > li > a:hover {
            background: rgba(150, 100, 0, 0.7);
            color: white;
        }

        /* 主标题区域 */
        .dashboard-header {
            background: url('https://images.unsplash.com/photo-1594007965673-e612e04f1fd9?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80') no-repeat center center;
            background-size: cover;
            color: white;
            padding: 180px 0 120px;
            position: relative;
            margin-bottom: 50px;
            min-height: 600px;
        }

        .dashboard-header::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
        }

        .dashboard-header .header-content {
            position: relative;
            z-index: 1;
        }

        .dashboard-header h2 {
            font-weight: 700;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
            position: relative;
            font-size: 4rem;
            margin-bottom: 30px;
            letter-spacing: 2px;
            color: #ffcc00;
            font-family: 'Orbitron', sans-serif;
        }

        .dashboard-header p {
            font-size: 20px;
            line-height: 1.8;
            position: relative;
            max-width: 850px;
            margin: 0 auto 50px;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
        }

        /* 卡片样式 */
        .ibox {
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
            border: 1px solid #333;
            margin-bottom: 30px;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            background: #1a1a1a;
            border-radius: 8px;
            overflow: hidden;
            opacity: 0;
            transform: translateY(30px);
        }

        .ibox.animated {
            opacity: 1;
            transform: translateY(0);
        }

        .ibox:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
            border-color: #ffcc00;
        }

        .ibox-title {
            background: linear-gradient(to right, #2a2a2a, #4a4a4a);
            color: #ffcc00;
            padding: 18px 25px;
            border-bottom: 1px solid #333;
        }

        .ibox-title h5 {
            font-weight: 600;
            margin: 0;
            font-size: 18px;
        }

        .ibox-content {
            padding: 25px;
        }

        /* 武器展示卡片 */
        .weapon-card {
            margin-bottom: 25px;
            border: 1px solid #333;
            border-radius: 8px;
            overflow: hidden;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            opacity: 0;
            transform: translateY(30px);
        }

        .weapon-card.animated {
            opacity: 1;
            transform: translateY(0);
        }

        .weapon-card:hover {
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
            border-color: #ffcc00;
            transform: translateY(-8px) !important;
        }

        .weapon-img {
            height: 240px;
            overflow: hidden;
            position: relative;
            background-color: #222;
        }

        .weapon-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }

        .weapon-card:hover .weapon-img img {
            transform: scale(1.15);
        }

        .weapon-info {
            padding: 25px;
            background: #1a1a1a;
        }

        .weapon-info h4 {
            margin-top: 0;
            color: #ffcc00;
            font-weight: 600;
            font-size: 22px;
            margin-bottom: 12px;
            font-family: 'Orbitron', sans-serif;
        }

        .weapon-info p {
            color: #ccc;
            margin-bottom: 20px;
            font-size: 16px;
            line-height: 1.7;
        }

        .weapon-price {
            font-size: 24px;
            font-weight: bold;
            color: #ffcc00;
            display: block;
            margin-bottom: 15px;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
        }

        /* 按钮样式 */
        .btn-military {
            background: linear-gradient(to right, #2a2a2a, #4a4a4a);
            color: #ffcc00;
            border: 1px solid #ffcc00;
            border-radius: 30px;
            padding: 12px 30px;
            font-weight: 500;
            transition: all 0.3s;
            position: relative;
            overflow: hidden;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-size: 15px;
            font-family: 'Orbitron', sans-serif;
        }

        .btn-military:before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(to right, rgba(255,255,255,0.1), rgba(255,255,255,0.3));
            transition: all 0.5s;
        }

        .btn-military:hover:before {
            left: 100%;
        }

        .btn-military:hover {
            color: white;
            background: linear-gradient(to right, #4a4a4a, #6a6a6a);
            transform: translateY(-3px);
            box-shadow: 0 10px 25px rgba(255, 204, 0, 0.3);
        }

        .btn-military:active {
            transform: translateY(0);
            box-shadow: 0 5px 15px rgba(255, 204, 0, 0.3);
        }

        /* 动画效果 */
        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.05); }
            100% { transform: scale(1); }
        }

        .pulse {
            animation: pulse 2s infinite;
        }

        /* 响应式调整 */
        @media (max-width: 768px) {
            .dashboard-header {
                padding: 120px 0 70px;
                min-height: 500px;
            }

            .dashboard-header h2 {
                font-size: 3rem;
            }

            .weapon-img {
                height: 200px;
            }

            .weapon-info h4 {
                font-size: 20px;
            }

            .weapon-price {
                font-size: 22px;
            }
        }

        @media (max-width: 480px) {
            .dashboard-header {
                padding: 100px 0 50px;
                min-height: 400px;
            }

            .dashboard-header h2 {
                font-size: 2.2rem;
            }

            .dashboard-header p {
                font-size: 17px;
            }

            .weapon-img {
                height: 170px;
            }

            .weapon-info h4 {
                font-size: 18px;
            }

            .weapon-price {
                font-size: 20px;
            }
        }

        /* 页脚 */
        .footer {
            background: linear-gradient(135deg, #0a0a0a, #2a2a2a);
            color: #aaa;
            padding: 50px 0 30px;
            margin-top: 70px;
            border-top: 1px solid #333;
        }

        .footer h4 {
            color: #ffcc00;
            margin-bottom: 20px;
            font-family: 'Orbitron', sans-serif;
        }

        .footer p {
            margin: 8px 0;
            font-size: 15px;
        }

        .footer .social-icons {
            margin-top: 25px;
        }

        .footer .social-icons a {
            color: #aaa;
            font-size: 22px;
            margin: 0 12px;
            transition: all 0.3s;
        }

        .footer .social-icons a:hover {
            color: #ffcc00;
            transform: translateY(-3px);
        }

        /* 加载动画 */
        .loader {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.95);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999;
        }

        .loader-inner {
            width: 80px;
            height: 80px;
            border: 8px solid #333;
            border-top: 8px solid #ffcc00;
            border-radius: 50%;
            animation: spin 1.2s linear infinite;
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        /* 图片模态框 */
        .modal-img {
            max-width: 100%;
            max-height: 85vh;
            display: block;
            margin: 0 auto;
            transition: all 0.3s;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        }

        .modal-img:hover {
            transform: scale(1.03);
        }

        /* 特色卡片 */
        .feature-card {
            text-align: center;
            padding: 30px;
            transition: all 0.3s;
            background: #1a1a1a;
            border-radius: 8px;
            margin-bottom: 20px;
            border: 1px solid #333;
        }

        .feature-card:hover {
            border-color: #ffcc00;
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
        }

        .feature-card i {
            font-size: 45px;
            color: #ffcc00;
            margin-bottom: 20px;
            transition: all 0.3s;
        }

        .feature-card:hover i {
            color: #fff;
            transform: scale(1.2);
        }

        /* 新闻卡片 */
        .news-card {
            margin-bottom: 25px;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
            transition: all 0.3s;
            border: 1px solid #333;
        }

        .news-card:hover {
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
            transform: translateY(-3px);
            border-color: #ffcc00;
        }

        .news-card img {
            width: 100%;
            height: 150px;
            object-fit: cover;
        }

        .news-content {
            padding: 20px;
            background: #1a1a1a;
        }

        .news-content h4 {
            margin-top: 0;
            font-size: 18px;
            margin-bottom: 12px;
            color: #ffcc00;
        }

        .news-content p {
            font-size: 15px;
            color: #ccc;
            margin-bottom: 12px;
        }

        .news-date {
            font-size: 13px;
            color: #888;
        }

        /* 分类标签 */
        .category-badge {
            display: inline-block;
            padding: 5px 10px;
            background: #2a2a2a;
            color: #aaa;
            border-radius: 20px;
            font-size: 12px;
            margin-right: 8px;
            margin-bottom: 8px;
            transition: all 0.3s;
        }

        .category-badge:hover {
            background: #ffcc00;
            color: #000;
        }

        /* 武器分类区域 */
        .weapon-categories {
            margin-bottom: 40px;
        }

        .category-title {
            color: #ffcc00;
            font-size: 24px;
            margin-bottom: 20px;
            font-family: 'Orbitron', sans-serif;
            border-bottom: 2px solid #333;
            padding-bottom: 10px;
        }

        /* 武器规格表格 */
        .weapon-specs {
            width: 100%;
            margin-top: 15px;
            border-collapse: collapse;
        }

        .weapon-specs tr:nth-child(odd) {
            background-color: #222;
        }

        .weapon-specs tr:nth-child(even) {
            background-color: #1a1a1a;
        }

        .weapon-specs th, .weapon-specs td {
            padding: 10px 15px;
            text-align: left;
            border-bottom: 1px solid #333;
        }

        .weapon-specs th {
            color: #ffcc00;
        }
	</style>

</head>


<body class="gray-bg">
<!-- 加载动画 -->
<div class="loader">
	<div class="loader-inner"></div>

</div>


<!-- 顶部导航栏 -->
<nav class="navbar navbar-static-top top-navbar" role="navigation">
	<div class="container">
		<div class="navbar-header">
			<a class="navbar-brand" href="#">全球军火批发商城</a>

		</div>

		<div class="navbar-collapse collapse">
			<ul class="nav navbar-nav">
				<li><a href="#"><i class="fa fa-home"></i>
					首页</a>
				</li>

				<li><a href="#weapons"><i class="fa fa-gun"></i>
					武器展示</a>
				</li>

				<li><a href="#categories"><i class="fa fa-tags"></i>
					武器分类</a>
				</li>

				<li><a href="#news"><i class="fa fa-newspaper"></i>
					军事新闻</a>
				</li>

				<li><a href="#about"><i class="fa fa-users"></i>
					关于我们</a>
				</li>

				<li><a href="#contact"><i class="fa fa-phone"></i>
					联系我们</a>
				</li>

			</ul>

			<ul class="nav navbar-nav navbar-right">
				<li><a href="#"><i class="fa fa-shopping-cart"></i>
					购物车 <span class="badge">3</span>
				</a>
				</li>

				<li><a href="#"><i class="fa fa-user"></i>
					登录/注册</a>
				</li>

			</ul>

		</div>

	</div>

</nav>


<!-- 主标题区域 -->
<!-- 主标题区域 -->
<div class="row border-bottom white-bg dashboard-header">
	<div class="col-sm-12 header-content text-center">
		<h2 class="animate__animated animate__fadeInDown">全球军火批发商城</h2>

		<p class="animate__animated animate__fadeIn animate__delay-1s">专业提供各类军事装备批发服务 - 品质保证 · 全球配送 · 安全可靠</p>



		<div style="margin-top: 20px;">
			<!-- 修改后的报表按钮 - 添加黑色背景和黄色边框，带悬停效果 -->
			<a class="btn"
			   href="http://localhost:63342/RuoYi-master/ruoyi-admin/templates/tool/build/wq.html"
			   target="_blank"
			   style="background-color: #000; color: #ffcc00; border: 2px solid #ffcc00; padding: 12px 25px; text-transform: uppercase; letter-spacing: 1px; font-size: 15px; font-family: 'Orbitron', sans-serif; transition: all 0.3s; display: inline-flex; align-items: center;"
			   onmouseover="this.style.backgroundColor='#ffcc00'; this.style.color='#000';"
			   onmouseout="this.style.backgroundColor='#000'; this.style.color='#ffcc00';">
				<i class="bi bi-bar-chart-line" style="margin-right: 8px;"></i>
				数据报表
			</a>
		</div>
	</div>
</div>

</div>


<div class="wrapper wrapper-content">
	<!-- 武器展示区 -->
	<div class="row" id="weapons">
		<div class="col-sm-12">
			<h2 class="text-center" style="margin-bottom: 40px;">精选武器展示</h2>

		</div>


		<!-- 武器展示1 -->
		<div class="col-sm-4">
			<div class="weapon-card">
				<div class="weapon-img">
					<img src="https://p6.itc.cn/q_70/images03/20230516/4da811ab5e284a2d8713f383fbd001be.jpeg" alt="AK-47 突击步枪" onerror="this.src='https://via.placeholder.com/400x300?text=AK-47';">
				</div>

				<div class="weapon-info">
					<h4>AK-47 突击步枪</h4>

					<p>经典可靠的自动步枪，全球最受欢迎的武器之一，以其简单耐用和强大的火力著称。</p>

					<span class="weapon-price">$850</span>

					<a href="#" class="btn btn-military btn-sm">加入购物车</a>

				</div>

			</div>

		</div>


		<!-- 武器展示2 -->
		<div class="col-sm-4">
			<div class="weapon-card">
				<div class="weapon-img">
					<img src="https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2023%2F1126%2Fe834e299j00s4qdcl002yc000y800kum.jpg&thumbnail=660x2147483647&quality=80&type=jpg" alt="Glock 17 手枪" onerror="this.src='https://via.placeholder.com/400x300?text=Glock+17';">
				</div>

				<div class="weapon-info">
					<h4>Glock 17 手枪</h4>

					<p>轻巧耐用，9mm口径，执法部门首选，以其可靠性和简单设计闻名于世。</p>

					<span class="weapon-price">$600</span>

					<a href="#" class="btn btn-military btn-sm">加入购物车</a>

				</div>

			</div>

		</div>


		<!-- 武器展示3 -->
		<div class="col-sm-4">
			<div class="weapon-card">
				<div class="weapon-img">
					<img src="https://p0.itc.cn/q_70/images03/20211229/90b8d33d1cea4b8887b496a90392039d.jpeg" alt="Barrett M82 狙击步枪" onerror="this.src='https://via.placeholder.com/400x300?text=Barrett+M82';">
				</div>

				<div class="weapon-info">
					<h4>Barrett M82 狙击步枪</h4>

					<p>大口径反器材步枪，射程远，威力巨大，可在2000米外精准打击目标。</p>

					<span class="weapon-price">$12,000</span>

					<a href="#" class="btn btn-military btn-sm">加入购物车</a>

				</div>

			</div>

		</div>


		<!-- 武器展示4 -->
		<div class="col-sm-4">
			<div class="weapon-card">
				<div class="weapon-img">
					<img src="https://bkimg.cdn.bcebos.com/pic/0bd162d9f2d3572c11dfaf18824b742762d0f60365e5" alt="M249 SAW 轻机枪" onerror="this.src='https://img1.baidu.com/it/u=2311046867,1571744061&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=333';">
				</div>

				<div class="weapon-info">
					<h4>M249 SAW 轻机枪</h4>

					<p>5.56mm口径，火力持续性强，步兵班支援武器，可提供强大的压制火力。</p>

					<span class="weapon-price">$8,000</span>

					<a href="#" class="btn btn-military btn-sm">加入购物车</a>

				</div>----------------------------------------------------

			</div>

		</div>


		<!-- 武器展示5 -->
		<div class="col-sm-4">
			<div class="weapon-card">
				<div class="weapon-img">
					<img src="https://img1.baidu.com/it/u=2721834389,4137143945&fm=253&fmt=auto&app=120&f=JPEG?w=608&h=342" alt="M67 破片手榴弹" onerror="this.src='https://img1.baidu.com/it/u=2721834389,4137143945&fm=253&fmt=auto&app=120&f=JPEG?w=608&h=342';">
				</div>

				<div class="weapon-info">
					<h4>M67 破片手榴弹</h4>

					<p>防御型手榴弹，杀伤半径15米，广泛用于现代军队，提供有效的近距离防御能力。</p>

					<span class="weapon-price">$45/枚</span>

					<a href="#" class="btn btn-military btn-sm">加入购物车</a>

				</div>

			</div>

		</div>


		<!-- 武器展示6 -->
		<div class="col-sm-4">
			<div class="weapon-card">
				<div class="weapon-img">
					<img src="https://pic.rmb.bdstatic.com/bjh/down/dcd74febe8658ec96fe41ca0473b8ccd.jpeg" alt="RPG-7 火箭筒" onerror="this.src='https://via.placeholder.com/400x300?text=RPG-7';">
				</div>

				<div class="weapon-info">
					<h4>RPG-7 火箭筒</h4>

					<p>便携式反坦克武器，可对付装甲车辆和工事，结构简单，操作方便，威力巨大。</p>

					<span class="weapon-price">$1,500</span>

					<a href="#" class="btn btn-military btn-sm">加入购物车</a>

				</div>

			</div>

		</div>

	</div>


	<!-- 武器分类区域 -->
	<div class="row" id="categories">
		<div class="col-sm-12">
			<h2 class="text-center category-title">武器分类</h2>

		</div>


		<div class="col-sm-4">
			<div class="feature-card">
				<i class="fa fa fa fa-bolt"></i>

				<h4>突击步枪</h4>

				<div>
					<span class="category-badge">AK系列</span>

					<span class="category-badge">M4系列</span>

					<span class="category-badge">SCAR系列</span>

				</div>

				<a href="#" class="btn btn-military btn-sm">查看详情</a>

			</div>

		</div>


		<div class="col-sm-4">
			<div class="feature-card">
				<i class="fa fa-hand-paper-o"></i>

				<h4>手枪</h4>

				<div>
					<span class="category-badge">Glock系列</span>

					<span class="category-badge">Beretta系列</span>

					<span class="category-badge">Sig系列</span>

				</div>

				<a href="#" class="btn btn-military btn-sm">查看详情</a>

			</div>

		</div>


		<div class="col-sm-4">
			<div class="feature-card">
				<i class="fa fa-crosshairs"></i>

				<h4>狙击步枪</h4>

				<div>
					<span class="category-badge">Barrett系列</span>

					<span class="category-badge">AW系列</span>

					<span class="category-badge">CheyTac系列</span>

				</div>

				<a href="#" class="btn btn-military btn-sm">查看详情</a>

			</div>

		</div>

	</div>


	<!-- 我们的优势 -->
	<div class="row" id="about">
		<div class="col-sm-6">
			<div class="ibox">
				<div class="ibox-title">
					<h5>我们的优势</h5>

				</div>

				<div class="ibox-content">
					<div class="media">
						<div class="media-left">
							<i class="fa fa-check-circle fa-3x text-success"></i>

						</div>

						<div class="media-body">
							<h4 class="media-heading">品质保证</h4>

							<p>所有武器均来自正规军工厂，经过严格测试，确保性能可靠，每一件武器都符合国际标准。</p>

						</div>

					</div>

					<div class="media">
						<div class="media-left">
							<i class="fa fa-globe fa-3x text-primary"></i>

						</div>

						<div class="media-body">
							<h4 class="media-heading">全球配送</h4>

							<p>我们拥有完善的物流网络，可安全快速地将武器配送到全球各地，包括偏远地区。</p>

						</div>

					</div>

					<div class="media">
						<div class="media-left">
							<i class="fa fa-lock fa-3x text-warning"></i>

						</div>

						<div class="media-body">
							<h4 class="media-heading">安全可靠</h4>

							<p>严格保密客户信息，交易过程安全可靠，采用高级加密技术保护您的隐私和交易安全。</p>

						</div>

					</div>

				</div>

			</div>

		</div>


		<!-- 最新军事新闻 -->
		<div class="col-sm-6" id="news">
			<div class="ibox">
				<div class="ibox-title">
					<h5>最新军事新闻</h5>

				</div>

				<div class="ibox-content">
					<div class="news-card">
						<img src="https://images.unsplash.com/photo-1589985270826-e74488e5c1c0?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="军事新闻" onerror="this.src='https://via.placeholder.com/400x300?text=News';">
						<div class="news-content">
							<h4>新型突击步枪即将上市</h4>

							<p>我们即将推出最新研发的X-2000突击步枪，性能超越AK系列，采用模块化设计，可适应各种作战环境。</p>

							<small class="news-date text-muted">2023-06-15</small>

						</div>

					</div>

					<hr>
					<div class="news-card">
						<img src="https://images.unsplash.com/photo-1589985270826-e74488e5c1c0?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="军事新闻" onerror="this.src='https://via.placeholder.com/400x300?text=News';">
						<div class="news-content">
							<h4>全球军火贸易增长20%</h4>

							<p>据最新统计，今年全球军火贸易额同比增长20%，中东地区需求最大，亚洲市场增长最快。</p>

							<small class="news-date text-muted">2023-06-10</small>

						</div>

					</div>

					<hr>
					<div class="news-card">
						<img src="https://images.unsplash.com/photo-1589985270826-e74488e5c1c0?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="军事新闻" onerror="this.src='https://via.placeholder.com/400x300?text=News';">
						<div class="news-content">
							<h4>特种部队装备更新</h4>

							<p>多国特种部队开始采购新一代单兵作战系统，提升作战效能，包括新型夜视设备和通信系统。</p>

							<small class="news-date text-muted">2023-06-05</small>

						</div>

					</div>

				</div>

			</div>

		</div>

	</div>


	<!-- 武器规格展示 -->
	<div class="row" style="margin-top: 50px;">
		<div class="col-sm-12">
			<h2 class="text-center" style="margin-bottom: 40px;">武器规格详情</h2>

		</div>


		<div class="col-sm-6">
			<div class="ibox">
				<div class="ibox-title">
					<h5>AK-47 突击步枪规格</h5>

				</div>

				<div class="ibox-content">
					<table class="weapon-specs">
						<tr>
							<th>口径</th>
							<td>7.62×39mm</td>
						</tr>
						<tr>
							<th>全长</th>
							<td>870mm (固定枪托)</td>
						</tr>
						<tr>
							<th>枪管长度</th>
							<td>415mm</td>
						</tr>
						<tr>
							<th>重量</th>
							<td>3.8kg (空枪)</td>
						</tr>
						<tr>
							<th>弹匣容量</th>
							<td>30发</td>
						</tr>
						<tr>
							<th>射速</th>
							<td>600发/分钟</td>
						</tr>
						<tr>
							<th>有效射程</th>
							<td>300-400米</td>
						</tr>
					</table>
					<a href="#" class="btn btn-military btn-sm" style="margin-top: 15px;">查看详情</a>
				</div>
			</div>
		</div>

		<div class="col-sm-6">
			<div class="ibox">
				<div class="ibox-title">
					<h5>Glock 17 手枪规格</h5>
				</div>
				<div class="ibox-content">
					<table class="weapon-specs">
						<tr>
							<th>口径</th>
							<td>9×19mm Parabellum</td>
						</tr>
						<tr>
							<th>全长</th>
							<td>202mm</td>
						</tr>
						<tr>
							<th>枪管长度</th>
							<td>114mm</td>
						</tr>
						<tr>
							<th>重量</th>
							<td>625g (空枪)</td>
						</tr>
						<tr>
							<th>弹匣容量</th>
							<td>17发</td>
						</tr>
						<tr>
							<th>射速</th>
							<td>约120发/分钟</td>
						</tr>
						<tr>
							<th>有效射程</th>
							<td>50米</td>
						</tr>
					</table>
					<a href="#" class="btn btn-military btn-sm" style="margin-top: 15px;">查看详情</a>
				</div>
			</div>
		</div>
	</div>

	<!-- 联系我们 -->
	<div class="row" id="contact">
		<div class="col-sm-12">
			<div class="ibox">
				<div class="ibox-title">
					<h5>联系我们</h5>
				</div>
				<div class="ibox-content">
					<div class="row">
						<div class="col-sm-4 text-center">
							<i class="fa fa-phone fa-3x text-primary"></i>
							<h3>电话咨询</h3>
							<p>+1 234 567 8900 (24小时)</p>
						</div>
						<div class="col-sm-4 text-center">
							<i class="fa fa-envelope fa-3x text-success"></i>
							<h3>电子邮件</h3>
							<p>contact@globalarms.com</p>
						</div>
						<div class="col-sm-4 text-center">
							<i class="fa fa-map-marker fa-3x text-warning"></i>
							<h3>总部地址</h3>
							<p>保密地点，仅对VIP客户开放</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<!-- 页脚 -->
<div class="footer">
	<div class="container">
		<div class="row">
			<div class="col-sm-12 text-center">
				<h4>全球军火批发商城</h4>
				<p>© 2023 全球军火批发商城 - 专业军火贸易平台</p>
				<p class="text-muted">注意：所有交易需遵守当地法律法规</p>
				<div class="social-icons">
					<a href="#"><i class="fa fa-facebook"></i></a>
					<a href="#"><i class="fa fa-twitter"></i></a>
					<a href="#"><i class="fa fa-instagram"></i></a>
					<a href="#"><i class="fa fa-linkedin"></i></a>
				</div>
			</div>
		</div>
	</div>
</div>

<!-- 图片模态框 -->
<div class="modal fade" id="imageModal" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-body text-center">
				<img src="" class="modal-img" alt="武器图片">
			</div>
		</div>
	</div>
</div>

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script>
	// 页面加载完成后执行
    $(document).ready(function() {
        // 隐藏加载动画
        $('.loader').fadeOut(500);

        // 导航栏滚动效果
        $(window).scroll(function() {
            if ($(this).scrollTop() > 100) {
                $('.top-navbar').addClass('scrolled');
            } else {
                $('.top-navbar').removeClass('scrolled');
            }
        });

        // 武器卡片动画
        $(window).scroll(function() {
            $('.weapon-card').each(function() {
                var cardPosition = $(this).offset().top;
                var scrollPosition = $(window).scrollTop() + $(window).height();

                if (scrollPosition > cardPosition + 100) {
                    $(this).addClass('animated');
                }
            });

            $('.ibox').each(function() {
                var iboxPosition = $(this).offset().top;
                var scrollPosition = $(window).scrollTop() + $(window).height();

                if (scrollPosition > iboxPosition + 100) {
                    $(this).addClass('animated');
                }
            });
        });

        // 图片点击放大
        $('.weapon-img img').click(function() {
            var imgSrc = $(this).attr('src');
            $('#imageModal img').attr('src', imgSrc);
            $('#imageModal').modal('show');
        });

        // 平滑滚动
        $('a[href^="#"]').on('click', function(event) {
            event.preventDefault();
            $('html, body').animate({
                scrollTop: $($(this).attr('href')).offset().top - 70
            }, 800);
        });

        // 初始化动画
        $(window).trigger('scroll');
    });
</script>
</body>
</html>